﻿<%@ Page Title="LevelUp Party Rentals and Photobooth - Gallery" Language="C#" MasterPageFile="~/ContentMaster.Master" AutoEventWireup="true" CodeBehind="EyeCandy.aspx.cs" Inherits="LevelUp.WebForm5" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container">
        <br />
        <div class="row">
            <div class="col-sm-12 galleryimages">
	            <a href="Images/EyeCandy/1.jpg" title=""><img src="Images/EyeCandy/thumbnails/1.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/6.jpg" title=""><img src="Images/EyeCandy/thumbnails/6.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/3.jpg" title=""><img src="Images/EyeCandy/thumbnails/3.jpg" class="borders" width="300"/></a>

                <a href="Images/EyeCandy/2.jpg" title=""><img src="Images/EyeCandy/thumbnails/2.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/4.jpg" title=""><img src="Images/EyeCandy/thumbnails/4.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/5.jpg" title=""><img src="Images/EyeCandy/thumbnails/5.jpg" class="borders" width="300"/></a>
                
                <a href="Images/EyeCandy/7.jpg" title=""><img src="Images/EyeCandy/thumbnails/7.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/8.jpg" title=""><img src="Images/EyeCandy/thumbnails/8.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/9.jpg" title=""><img src="Images/EyeCandy/thumbnails/9.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/10.jpg" title=""><img src="Images/EyeCandy/thumbnails/10.jpg" class="borders" width="300"/></a>

                <a href="Images/EyeCandy/11.jpg" title=""><img src="Images/EyeCandy/thumbnails/11.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/12.jpg" title=""><img src="Images/EyeCandy/thumbnails/12.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/13.jpg" title=""><img src="Images/EyeCandy/thumbnails/13.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/14.jpg" title=""><img src="Images/EyeCandy/thumbnails/14.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/15.jpg" title=""><img src="Images/EyeCandy/thumbnails/15.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/16.jpg" title=""><img src="Images/EyeCandy/thumbnails/16.jpg" class="borders" width="300"/></a>
                <a href="Images/EyeCandy/17.jpg" title=""><img src="Images/EyeCandy/thumbnails/17.jpg" class="borders" width="300"/></a>
            </div>
        </div>
        <br />
    </div>
    


     <script>
         $(document).ready(function () {
             $('#navGallery').addClass('active');

             $('.galleryimages').magnificPopup({
                 delegate: 'a',
                 type: 'image',
                 tLoading: 'Loading image #%curr%...',
                 mainClass: 'mfp-img-mobile',
                 gallery: {
                     enabled: true,
                     navigateByImgClick: true,
                     preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
                 },
                 image: {
                     tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
                     //,titleSrc: function (item) {
                     //    return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
                     //}
                 }
             });

         });
    </script>
</asp:Content>
